<!DOCTYPE html>

<html>
<head>
	
	<title>Axis Labels and Rotated Text</title>

    <link class="include" rel="stylesheet" type="text/css" href="css/jquery.jqplot.min.css" />
    <link rel="stylesheet" type="text/css" href="css/examples.min.css" />
  
  <!--[if lt IE 9]><script language="javascript" type="text/javascript" src="../excanvas.js"></script><![endif]-->
    <script class="include" type="text/javascript" src="js/jquery.min.js"></script>
    
   
</head>
<body>
    
    <div class="example-plot" id="chart2"></div>  
<!-- Example scripts go here -->

    <style type="text/css">
      .jqplot-point-label {white-space: nowrap;}
/*    .jqplot-yaxis-label {font-size: 14pt;}*/
/*    .jqplot-yaxis-tick {font-size: 7pt;}*/

    div.jqplot-target {
        height: 200px;
        width: 300px;
        margin: 20px;
    }
    </style>   
        
	<script type="text/javascript" language="javascript">
	$(document).ready(function(){   
	    var line2 = [['1/1/2008', 42], ['2/14/2008', 56], ['3/7/2008', 39], ['4/22/2008', 81], ['5/22/2008', 81]];
	
	    var plot2 = $.jqplot('chart2', [line2], {
	      axes: {
	        xaxis: {
	          renderer: $.jqplot.DateAxisRenderer,
	          label: 'Incliment Occurrance',
	          labelRenderer: $.jqplot.CanvasAxisLabelRenderer,
	          tickRenderer: $.jqplot.CanvasAxisTickRenderer,
	          tickOptions: {
	              // labelPosition: 'middle',
	              angle: 15
	          }
	          
	        },
	        yaxis: {
	          label: 'Incliment Factor',
	          labelRenderer: $.jqplot.CanvasAxisLabelRenderer
	        }
	      }
	    });
	
	});
	</script>

<!-- End example scripts -->

<!-- Don't touch this! -->


    <script type="text/javascript" src="js/jquery.jqplot.min.js"></script>
    <script type="text/javascript" src="css/syntaxhighlighter/scripts/shCore.min.js"></script>
    <script type="text/javascript" src="css/syntaxhighlighter/scripts/shBrushJScript.min.js"></script>
    <script type="text/javascript" src="css/syntaxhighlighter/scripts/shBrushXml.min.js"></script>
<!-- Additional plugins go here -->

    <script type="text/javascript" src="js/plugins/jqplot.logAxisRenderer.min.js"></script>
    <script type="text/javascript" src="js/plugins/jqplot.canvasTextRenderer.min.js"></script>
    <script type="text/javascript" src="js/plugins/jqplot.canvasAxisLabelRenderer.min.js"></script>
    <script type="text/javascript" src="js/plugins/jqplot.canvasAxisTickRenderer.min.js"></script>
    <script type="text/javascript" src="js/plugins/jqplot.dateAxisRenderer.min.js"></script>
    <script type="text/javascript" src="js/plugins/jqplot.categoryAxisRenderer.min.js"></script>
    <script type="text/javascript" src="js/plugins/jqplot.barRenderer.min.js"></script>

<!-- End additional plugins -->


</body>


</html>